/* CSS file */
@namespace mx "library://ns.adobe.com/flex/mx";
mx|Application
{
	background-gradient-colors:    #666666, #333333;
	theme-color:                #333333;
	
	padding-top:                0;
	padding-bottom:                0;
	padding-left:                0;
	padding-right:                0;
}

mx|CheckBox
{
	color:                         #ffffff;
	text-selected-color:         #999999;
	text-roll-over-color:         #cccccc;
	fill-alphas:                 0.6, 0.4, 0.75, 0.65;
	fill-colors:                 #cccccc, #999999, #ffffff, #eeeeee;
}

mx|Button 
{
	corner-radius:                 2;
	highlight-alphas:             0.28, 0.3;
	fill-alphas:                 1, 1, 1, 1;
	fill-colors:                 #666666, #000000, #999999, #666666;
	color:                         #ffffff;
	text-roll-over-color:         #ffffff;
	text-selected-color:         #ffffff;
}

mx|Panel
{
	resize-grip-skin:              Embed(source="images/resizeHandler.png");
	
	actionAlpha:                 0.75;
	border-color:                 #ffffff;
	border-alpha:                 1;
	border-thickness-left:         0;
	border-thickness-top:         0;
	border-thickness-bottom:    9;
	border-thickness-right:     0;
	corner-radius:                 6;
	highlight-alphas:             0.1, 0;
	header-colors:                 #666666, #333333;
	footer-colors:                 #ffffff, #ffffff;
	dropShadowEnabled:             true;
	shadow-distance:            4;
	
	title-style-name:            "mypanelTitle";
	close-button-style-name:    "closeButton";
	minimize-button-style-name:    "minimizeButton";
	maximize-button-style-name:    "maximizeButton";
	
	inactive-header-colors:     #999999, #666666;
	inactive-footer-colors:     #ffffff, #ffffff;
	inactive-shadow-distance:    1;
	inactive-title-style-name:    "mypanelInactiveTitle";
}

.closeButton
{
	icon:                         Embed(source="images/icon_close_up.png");
	up-icon:                     Embed(source="images/icon_close_up.png");
	over-icon:                     Embed(source="images/icon_close_over.png");
	down-icon:                     Embed(source="images/icon_close_down.png");
	disabled-skin:                 Embed(source="images/clear.png");
	selected-up-skin:             Embed(source="images/clear.png");
	selected-over-skin:         Embed(source="images/clear.png");
	selected-down-skin:         Embed(source="images/clear.png");
	down-skin:                     Embed(source="images/clear.png");
	over-skin:                     Embed(source="images/clear.png");
	up-skin:                     Embed(source="images/clear.png");    
}

.maximizeButton
{
	icon:                         Embed(source="images/icon_expand_up.png");
	up-icon:                     Embed(source="images/icon_expand_up.png");
	over-icon:                     Embed(source="images/icon_expand_over.png");
	selected-over-icon:         Embed(source="images/icon_expand_over.png");
	down-icon:                     Embed(source="images/icon_expand_down.png");
	selected-down-icon:         Embed(source="images/icon_expand_down.png");
	disabled-skin:                 Embed(source="images/clear.png");
	selected-up-skin:             Embed(source="images/clear.png");
	selected-over-skin:         Embed(source="images/clear.png");
	selected-down-skin:         Embed(source="images/clear.png");
	down-skin:                     Embed(source="images/clear.png");
	over-skin:                     Embed(source="images/clear.png");
	up-skin:                     Embed(source="images/clear.png");    
}

.minimizeButton
{
	icon:                         Embed(source="images/icon_minimize_up.png");
	up-icon:                     Embed(source="images/icon_minimize_up.png");
	over-icon:                     Embed(source="images/icon_minimize_over.png");
	selected-over-icon:         Embed(source="images/icon_minimize_over.png");
	down-icon:                     Embed(source="images/icon_minimize_down.png");
	selected-down-icon:         Embed(source="images/icon_minimize_down.png");
	disabled-skin:                 Embed(source="images/clear.png");
	selected-up-skin:             Embed(source="images/clear.png");
	selected-over-skin:         Embed(source="images/clear.png");
	selected-down-skin:         Embed(source="images/clear.png");
	down-skin:                     Embed(source="images/clear.png");
	over-skin:                     Embed(source="images/clear.png");
	up-skin:                     Embed(source="images/clear.png");
}

.mypanelTitle
{
	font-weight:                bold;
	color:                         #ffffff;
}

.mypanelInactiveTitle
{
	font-weight:                bold;
	color:                         #bbbbbb;
}

.leftBox
{
	border-style:                solid;
	border-sides:                right;
	border-color:                #666666;
	background-color:            #000000;
	background-alpha:            0.6;
	
	padding-top:                20;
	padding-bottom:                20;
	padding-left:                20;
	padding-right:                20;
}